<link href="/public/front/page/css/jquery.pagination.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/public/front/page/js/jquery.min.js"></script>
<script type="text/javascript" src="/public/front/page/js/jquery.pagination.min.js"></script>
<style>
    .page {
        width: 700px;
    }
    .fl {
        float: left;
    }
</style>
<ul class="right3_ul">
    <li class="topli" style="padding-left: 0"><a href="#">{{.data.Cate.Name}}</a></li>
    <li class="links" style="height: auto">
        <div class="menu" style="width: auto;margin: 0 auto;text-align: unset;height: auto">
            {{range $k, $v := .data.list}}
            <span class="links_center"><a href="/detail/{{$v.ID}}" >{{$v.Title | FormatLen}}</a></span>
            {{end}}
        </div>
    </li>
    <li class="links" style="height: auto;text-align: center;" >
        <div id="pagination" class="page fl"></div>
    </li>
</ul>
<script type="text/javascript">
    $("#pagination").pagination({
        currentPage: {{.data.current}},
        totalPage: {{.data.pageNum}},
        isShow: true,
        count: 3,
        homePageText: "首页",
        endPageText: "尾页",
        prevPageText: "上一页",
        nextPageText: "下一页",
        callback: function(current) {
            window.location = "/cate/{{.data.cid}}?page="+current
        }
    });
</script>